<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/res/css/plugins/dataTables.bootstrap.css"/>
<link rel="stylesheet" href="common/datatable/datatable.css">
<link rel="stylesheet" href="common/form/css/form.css">
<style type="text/css">
.vaccineCard-box {
	padding-left: 20px;
	padding-right: 30px;
}
</style>
<body>
	<div class="layout">
	  	<div class="layout-top clearfix">
	  		<div class="layout-top-left">
				<div class="title">发卡登记</div>
	  		</div>
	  	</div>
	  	<div class="layout-center">
			<div id="datatableForm" class="form-horizontal clearfix">
				<div class="dt-card form-group grid-label-6">
				    <label for="inoculationCard" class="control-label">预防接种证号</label>
				    <div class="control-input">
				      	<input id="inoculationCard" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-2">
				    <label for="userName" class="control-label">姓名</label>
				    <div class="control-input">
				      	<input id="userName" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="parentName" class="control-label">家长姓名</label>
				    <div class="control-input">
				      	<input id="parentName" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="phoneNo" class="control-label">联系方式</label>
				    <div class="control-input">
				      	<input id="phoneNo" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group">
			      	<button type="button" class="btn btn-info" id="serchBtn">搜索</button>
				</div>
	  		</div>
	  	</div>
	  	<div class="layout-bottom">
            <table id="datatable" class="table table-striped table-bordered table-hover">
			    <thead> 
			     	<tr> 
			     		<th>预防接种证号</th>
					    <th>姓名</th>
					    <th>联系方式</th>
					    <th>出生日期</th>
					    <th>家长姓名</th>
					    <th>建档时间</th>
					    <th>发卡机构</th>
					    <th>发卡时间</th>
					    <th>状态</th>
			     	</tr> 
			    </thead> 
			    <tbody></tbody>
		   	</table> 
	  	</div>
	</div>
<script type="text/javascript">
require(['jquery','bch/app/vaccine/vaccineCardList'],function($,$vaccineCardList){
	$vaccineCardList.init();  
});
</script>
</body>